<html>
<head>
    <meta name="viewport" content="width=device-width,initial-scale=1"/>
    <meta charset="utf-8"/>
    <title>米塔企业微云</title>
    <link href="../plugins/bootstrap/bootstrap.min.css" rel="stylesheet">
    <link href="../plugins/bootstrapValidator/bootstrapValidator.min.css" rel="stylesheet">
    <link href="../customize/css/iconfont.css" rel="stylesheet">
    <link href="../customize/css/content.css" rel="stylesheet">
    <style>
        .sub-title {
            text-align: center;
            background: url(../customize/images/elecPwrReport-img1.png) no-repeat center top;
            line-height: 40px;
        }

        .price-title {
            background: url(../customize/images/elecPwrReport-img3.png) no-repeat center top;
            height: 56px;
            line-height: 66px;
            color: #36F6F6;
        }

        .text-up {
            color: #D97831
        }

        .text-down {
            color: #009AEA
        }

        .btn-inactive {
            background-color: #003179;
            color: #99ACC9;
        }

        .analysis-sec {
            background: url(../customize/images/elecPwrReport-img2.png) no-repeat center top;
            height: 304px;
            padding-top: 49px
        }

        .table-analysis td {
            padding: 9px 8px;
        }

        .table-analysis tr td:nth-child(2n+1) {
            color: #12B0DE
        }

        .table-analysis tr td:nth-child(2n) {
            color: #D97831
        }

        .table-result tr td:nth-child(5), .table-result tr td:nth-child(2), .table-result tr td:nth-child(3), .table-result tr td:nth-child(4) {
            color: #79D7CC;
        }
    </style>
</head>
<body>
    <div class="main-content">
        <div class="d-flex justify-content-between mb-2 mt-1">
            <div class="section-title">
                <a class="font-p16 mr-3" href="##" onclick="javascript:window.history.back()" title="返回报告管理"><i class="iconfont icon-xiahua"></i></a>
                用能报告
            </div>
            <div class="d-flex align-items-center">
                <div class="input-group">
                    <input class="form-control" type="text" id="searchTimeBegin" placeholder="选择月份" autocomplete="off">
                    <div class="input-group-append">
                        <button class="btn btn-primary" type="button" onclick="loadEnterpriseExtraData()"><i
                                class="iconfont icon-dituyechaxun"></i></button>
                    </div>
                </div>
<!--                <div class="ml-3">-->
<!--                    <a class="circle-btn" href="##" onclick="downloadIMG()" title="下载报告">-->
<!--                        <svg>-->
<!--                            <use xlink:href='#icon-xiazaiicon2'></use>-->
<!--                        </svg>-->
<!--                    </a>-->
<!--                </div>-->
            </div>
        </div>
        <div id="printDiv">
            <div class="border-blue d-flex align-items-center mb-3">
                <div>
                    <table class="table table-striped mb-0 table-report-title">
                        <tbody>
                        <tr>
                            <td>企业信息</td>
                            <td id="company_name"></td>
                        </tr>
                        <tr>
                            <td>总体评分</td>
                            <td id="ztpf_id">0分</td>
                        </tr>
                        <tr>
                            <td>统计时长</td>
                            <td id="tjsc_id">1900年1月</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="font-p24 result">
                    <strong>结论</strong>
                </div>
                <div class="flex-1 font-p16 px-3 result-text" id="conclusion">
                    &nbsp;&nbsp;&nbsp;&nbsp;经过数据分析，贵公司在这一个月中的共用能<span id="power"></span>KWh，预计使用电费<span id="price"></span>万元<span>，
                    平均设备使用率为<span id="avgUtilization"></span>，其中<span id="deviceName"></span>设备使用率最高，达到<span id="maxUtilization"></span></span>；
                    用电质量问题，发生电压越载<span id="overload"></span>次<span>，<span id="overloadDeviceName"></span>设备次数最高，共<span id="totalOverload"></span>次</span>；
                    三相不平衡<span id="unbalance"></span>次<span>，<span id="unbalanceDeviceName"></span>设备次数最高，共<span id="totalUnbalance"></span>次</span>；
                    用电健康指数过低<span id="healthIndex"></span>次<span>，<span id="healthIndexDevice"></span>设备次数最高，共<span id="totalHealthIndex"></span>次</span>；电能质量问题可能会对电力系统及重要设备产生危害，影响企业的正常生产运营。
<!--                    经过数据分析，贵公司存在一定的用能质量问题，发生<span class="text-danger">电压越载20次</span>，A相电20次电能质量问题可能会对电力系统及重要设备产生危害，影响企业的正常生产运营-->
                </div>
            </div>
            <div class="d-flex">
                <div class="flex-1">
                    <div class="section-title mb-2">用能总览概括
                        <span class="title-icon"></span>
                    </div>
                    <div class="d-flex">
                        <div class="flex-1 border-blue">
                            <div class="sub-title">电量分布</div>
                            <div class="chart" id="chart_pie1" style="height: 362px"></div>
                        </div>
                        <div class="flex-1 border-blue ml-3">
                            <div class="sub-title">电费分布</div>
                            <div class="chart" id="chart_pie2" style="height: 362px"></div>
                        </div>
                    </div>
                    <div class="mt-3">
                        <div class="price-title text-center font-p16" id="pjdj_id">平均电价：0元/kWh</div>
                        <div class="d-flex">
                            <button class="flex-1 btn btn-primary" type="button" style="height: 40px;"
                                    onclick="switchMY(0,this)">环比
                            </button>
                            <button class="flex-1 btn btn-primary btn-inactive" type="button"
                                    onclick="switchMY(1,this)">同比
                            </button>
                        </div>
                        <table class="table table-striped mb-0 text-center">
                            <tbody>
                            <tr>
                                <td>电量</td>
                                <td class="" id="dl_id">
                                    <i class="iconfont " id="dl_id_i"></i></td>
                            </tr>
                            <tr>
                                <td>电费</td>
                                <td class="" id="df_id">
                                  <i class="iconfont " id="df_id_i"></i></td>
                            </tr>
                            <tr>
                                <td>平均电价</td>
                                <td class="" id="dj_id">
                                    <i class="iconfont " id="dj_id_i"></i></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="ml-4" style="width: 920px;">
                    <div class="section-title mb-2">电能质量总览
                        <span class="title-icon"></span>
                    </div>
                    <div class="analysis-sec">
                        <div class="d-flex">
                            <div class="flex-1 d-flex justify-content-around mt-3">
                                <div class="text-center flex-1">
                                    <div class="font-p14 mb-2">健康指数评分</div>
                                    <div class="text-emphasize">
                                        <span class="font-p32 text-bolder" id="jkzs_id">0</span>
                                        <span class="font-p12">分</span>
                                    </div>
                                    <img id="analysis_score" src="../customize/images/analysis-score.png" alt="">
                                </div>
                                <div class="chart" id="chart_radar" style="height: 178px; width: 231px;"></div>
                            </div>
                            <div class="flex-1">
                                <div style=" margin-left: 21px; margin-right: 1px;">
                                    <table class="table mb-0 text-center table-analysis">
                                        <tbody>
                                        <tr>
                                            <td>功率因数</td>
                                            <td id="glys_id">0</td>
                                        </tr>
                                        <tr>
                                            <td>频率偏差</td>
                                            <td id="plpc_id">0%</td>
                                        </tr>
                                        <tr>
                                            <td>电压偏差</td>
                                            <td id="dypc_id">0%</td>
                                        </tr>
                                        <tr>
                                            <td>三相不平衡</td>
                                            <td id="sxbph_id">0%</td>
                                        </tr>
                                        <tr>
                                            <td>负载率</td>
                                            <td id="fzl_id">0%</td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="section-title mt-4 mb-3">用电质量参数考核分析
                        <span class="title-icon"></span>
                    </div>
                    <div class="custom-scroll-y pr-1" style="height: 286px; ">
                        <table class="table table-striped mb-0 text-center table-result" id="tb1_List">
                            <thead>
                            <tr>
                                <th>设备</th>
                                <th>电压偏差</th>
                                <th>频率偏差</th>
                                <th>电压三相不平衡</th>
                                <th>功率因数</th>
                                <th>最大负载率</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>办公楼</td>
                                <td class="text-danger">不合格</td>
                                <td>合格</td>
                                <td>合格</td>
                                <td>合格</td>
                                <td>89.5%</td>
                            </tr>
                            <tr>
                                <td>办公楼</td>
                                <td>合格</td>
                                <td>合格</td>
                                <td class="text-danger">不合格</td>
                                <td>合格</td>
                                <td>89.5%</td>
                            </tr>
                            <tr>
                                <td>办公楼</td>
                                <td>合格</td>
                                <td>合格</td>
                                <td>合格</td>
                                <td>合格</td>
                                <td>89.5%</td>
                            </tr>
                            <tr>
                                <td>办公楼</td>
                                <td>合格</td>
                                <td>合格</td>
                                <td>合格</td>
                                <td>合格</td>
                                <td>89.5%</td>
                            </tr>
                            <tr>
                                <td>办公楼</td>
                                <td>合格</td>
                                <td class="text-danger">不合格</td>
                                <td>合格</td>
                                <td>合格</td>
                                <td>89.5%</td>
                            </tr>
                            <tr>
                                <td>办公楼</td>
                                <td>合格</td>
                                <td class="text-danger">不合格</td>
                                <td>合格</td>
                                <td>合格</td>
                                <td>89.5%</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
<script src="../plugins/jquery-3.4.1.min.js"></script>
<script src="../plugins/bootstrap/bootstrap.bundle.min.js"></script>
<script src="../plugins/alert.js"></script>
<script src="../plugins/echarts.min.js"></script>
<script src="../plugins/laydate/laydate.js"></script>
<script src="../plugins/html2canvas.js"></script>
<script src="../customize/js/iconfont.js"></script>
<script src="../plugins/jquery.cookie.js"></script>
<script src="../customize/js/common.js"></script>
<script src="../customize/js/CommonUtils.js"></script>
<script src="../customize/js/customModalV2.js"></script>
<script src="../customize/js/elecPwrReport.js"></script>
<script>
    $(function () {
        userInfo($('#userInfo'));
    });
</script>
</body>
</html>